<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
    <link rel="stylesheet" href="css/style.css">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
</head>
<body>
<header>
    <div class="container">
        <img src="img/img-1.png" alt="">
    </div>
</header>
<main>
    <div class="container">
        <div class="main-1">
            <h6>全部商品5</h6>
            <div class="xian"></div>
        </div>
        <div class="main-2">
            <div class="row">
                <div class="col-md-1">商品</div>
                <div class="col-md-6">名称</div>
                <div class="col-md-1">单价</div>
                <div class="col-md-1">数量</div>
                <div class="col-md-1">小计</div>
                <div class="col-md-1">操作</div>
            </div>
        </div>
        <div class="xian-1"></div>
        <div class="kuang " id="table">
            <div class="main-3">
                <div class="row tr">
                    <div class="col-md-1">
                        <img src="img/img-2.png" alt="">
                    </div>
                    <div class="col-md-6">
                        <p><img src="img/img-3.png" alt=""><img src="img/img-4.png" alt="">美仑达 赣南脐橙 颜色：赣南脐橙铂金果3斤装</p>
                        <p>2017新上市 3斤装 铂金果</p>
                    </div>
                    <div class="col-md-1">
                        ¥<span class="price">25.8</span>
                    </div>
                    <div class="col-md-1">
                        <input type="text" value="1" class="num">
                        <p>有货</p>
                    </div>
                    <div class="col-md-1">
                        ¥<span class="total"></span>
                        1.68kg
                    </div>
                    <div class="col-md-1 del">删除</div>
                </div>
                <div class="xian-2"></div>
            </div>
            <div class="main-3">
                <div class="row tr">
                    <div class="col-md-1">
                        <img src="img/img-6.png" alt="">
                    </div>
                    <div class="col-md-6">
                        <p><img src="img/img-4.png" alt="">Camposol 秘鲁进口精选蓝 颜色：秘鲁蓝莓4盒装</p>
                        <p>莓4盒装单盒约125g新鲜水果</p>
                    </div>
                    <div class="col-md-1">
                        ¥<span class="price">46.9</span>
                    </div>
                    <div class="col-md-1">
                        <input type="text" value="1" class="num">
                        <p>有货</p>
                    </div>
                    <div class="col-md-1">
                        ¥<span class="total"></span>
                        1.25kg
                    </div>
                    <div class="col-md-1 del">删除</div>
                </div>
                <div class="xian-2"></div>
            </div>
            <div class="main-3">
                <div class="row tr">
                    <div class="col-md-1">
                        <img src="img/img-7.png" alt="">
                    </div>
                    <div class="col-md-6">
                        <p><img src="img/img-4.png" alt="">欢乐果园 广西青皮芒果2个 颜色：青皮芒 2粒 尝鲜装</p>
                        <p>装 单果约260g以上 新鲜水果</p>
                    </div>
                    <div class="col-md-1">
                        ¥<span class="price">10.9</span>
                    </div>
                    <div class="col-md-1">
                        <input type="text" value="1" class="num">
                        <p>有货</p>
                    </div>
                    <div class="col-md-1">
                        ¥<span class="total"></span>
                        0.75kg
                    </div>
                    <div class="col-md-1 del">删除</div>
                </div>
                <div class="xian-2"></div>
            </div>
            <div class="main-3">
                <div class="row tr">
                    <div class="col-md-1">
                        <img src="img/img-8.png" alt="">
                    </div>
                    <div class="col-md-6">
                        <p><img src="img/img-4.png" alt="">爱奇果 新疆库尔勒香梨 约 颜色：2.5kg单果约120-150g</p>
                        <p>2.5kg 当季新果 特级装 单果约120-</p>
                    </div>
                    <div class="col-md-1">
                        ¥<span class="price">39.90</span>
                    </div>
                    <div class="col-md-1">
                        <input type="text" value="1" class="num">
                        <p>有货</p>
                    </div>
                    <div class="col-md-1">
                        ¥<span class="total"></span>
                        2.6kg
                    </div>
                    <div class="col-md-1 del">删除</div>
                </div>
                <div class="xian-2"></div>
            </div>
            <div class="main-3">
                <div class="row tr">
                    <div class="col-md-1">
                        <img src="img/img-9.png" alt="">
                    </div>
                    <div class="col-md-6">
                        <p><img src="img/img-4.png" alt="">宏辉果蔬 苹果 烟台红富士 颜色：12粒75mm红富士</p>
                        <p>12个 单果约75mm 总重约2.1kg新鲜</p>
                    </div>
                    <div class="col-md-1">
                        ¥<span class="price">34.90</span>
                    </div>
                    <div class="col-md-1">
                        <input type="text" value="1" class="num">
                        <p>有货</p>
                    </div>
                    <div class="col-md-1">
                        ¥<span class="total"></span>
                        2.1kg
                    </div>
                    <div class="col-md-1 del">删除</div>
                </div>
                <div class="xian-2"></div>
            </div>
        </div>
    </div>
</main>
<footer>
    <div class="container">
        总价:¥
        <span id="all"></span>
    </div>
</footer>
</body>
<script src="js/script.js"></script>
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.slim.min.js"></script>
<script src="https://cdn.bootcss.com/popper.js/1.14.7/umd/popper.min.js"></script>
<script src="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
</html>